<template>
	<view>
		
		<view class="flex-col page">
		  <view class="flex-col justify-start flex-1 group_3">
		    <view class="flex-col list">
		      <view class="flex-col list-item" v-for="(item, index) in items" :key="index">
		        <view class="flex-row">
		          <view class="flex-col justify-start items-center text-wrapper"><text class="font_3">Q</text></view>
		          <text class="ml-10 font_2 text_5">开通城市有哪些？</text>
		        </view>
		        <view class="flex-col mt-16-5">
		          <view class="flex-row items-center self-stretch">
		            <view class="flex-col justify-start items-center shrink-0 text-wrapper_2">
		              <text class="font_5">A</text>
		            </view>
		            <text class="ml-10 font_4">开通城市有北京、上海、广州、深圳、北京、</text>
		          </view>
		          <text class="self-start font_4 text_6 mt-3-5">上海、广州、深圳等城市</text>
		        </view>
		      </view>
		    </view>
		  </view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				 items: [null, null, null, null, null, null],
			}
		},
		methods: {
			
		}
	}
</script>

<style>.mt-16-5 {
  margin-top: 33rpx;
}
.mt-3-5 {
  margin-top: 7rpx;
}
.page {
  background-color: #ffffff;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.group_3 {
  padding-bottom: 48rpx;
  overflow-y: auto;
}
.list {
  margin: 0 32rpx;
}
.list-item {
  padding: 40rpx 0;
  border-bottom: solid 2rpx #f4f5f7;
}
.text-wrapper {
  padding: 8rpx 0;
  background-color: #2b8eff;
  border-radius: 8rpx;
  width: 32rpx;
  height: 32rpx;
}
.font_3 {
  font-size: 20rpx;
  font-family: PingFang SC;
  line-height: 16.1rpx;
  color: #ffffff;
}
.font_2 {
  font-size: 32rpx;
  font-family: PingFang SC;
  line-height: 29.74rpx;
  color: #222222;
}
.text_5 {
  margin-bottom: 2rpx;
}
.text-wrapper_2 {
  padding: 8rpx 0;
  background-color: #ff772b;
  border-radius: 8rpx;
  width: 32rpx;
  height: 32rpx;
}
.font_5 {
  font-size: 20rpx;
  font-family: PingFang SC;
  line-height: 14.28rpx;
  color: #ffffff;
}
.font_4 {
  font-size: 32rpx;
  font-family: PingFang SC;
  line-height: 38rpx;
  color: #666666;
}
.text_6 {
  margin-left: 52rpx;
}
</style>
